<!DOCTYPE html>
<html>
<head>
	<title>比例尺</title>
</head>
<body>
	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
	<script type="text/javascript">
		//线性比例尺
		var dataset = [1.2, 2.3, 0.9, 1.5, 3.3];
		//将 dataset 中最小的值，映射成 0；将最大的值，映射成 300。
		var min=d3.min(dataset);
		var max=d3.max(dataset);
		var linear=d3.scale.linear().
		                    domain([min,max]). //定义域[0.9, 3.3]
		                    range([0,300]);//值域[0, 300]
		linear(0.9);//返回0
		linear(2.3);//返回175
		linear(3.3);//返回300


		//序数比例尺
		var index = [0, 1, 2, 3, 4];
		var color = ["red", "blue", "green", "yellow", "black"];
		var ordinal = d3.scale.ordinal()
        .domain(index)
        .range(color);

		ordinal(0); //返回 red
		ordinal(2); //返回 green
		ordinal(4); //返回 black

	</script>
</body>
</html>